<template>
	<view id="TATeletext">
		<view>
			<userHeadImg></userHeadImg>
		</view>
		<view class="teletext_concent">
			<view class="forEach" v-for="(item,index) in 3">
				<view class="type">
					<view class="img">
						<image src="@/static/6.jpg" mode="widthFix" />
					</view>
					<view class="teletext">
						<view class="title">【博客】展示内容分享展示内容分享展示内容分享</view>
						<view>监听用户的截图操作，提示用户进行分享，既缩短了以前分享截图的操作路径</view>
					</view>
				</view>
				<view class="dataType">
					9小时前
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	#TATeletext {
		width: 100%;

	}

	.teletext_concent {
		width: 90%;
		margin: auto;

		.forEach {
			padding: 40rpx 0;

			.type {
				display: flex;

				.img {
					width: 30%;
					display: flex;
					align-items: center;

					image {
						width: 90%;
					}
				}

				.teletext {
					width: 70%;
					font-size: 24rpx;
					display: flex;
					flex-direction: column;
					justify-content: center;
					line-height: 1.5;

					.title {
						font-size: 30rpx;
						margin-bottom: 20rpx;
					}
				}
			}

			.dataType {
				font-size: 24rpx;
				line-height: 3;
				color: #c0c0c0;
				border-bottom: 1px #f2f2f2 solid;
			}
		}




	}
</style>